<%@ page language="java" import="java.util.*" pageEncoding="UTF-8"%>
<%@ taglib uri="http://java.sun.com/jsp/jstl/core" prefix="c"%>
<%
	String path = request.getContextPath();
	String basePath = request.getScheme() + "://"
			+ request.getServerName() + ":" + request.getServerPort()
			+ path + "/";
%>
<!DOCTYPE html>
<html>
<head>
<title>精英大侠-最专业的电脑销售网站</title>

<link href="${pageContext.request.contextPath}/css/bootstrap.css"
	rel="stylesheet" type="text/css" media="all">
<link href="${pageContext.request.contextPath}/css/style.css"
	rel="stylesheet" type="text/css" media="all" />
<meta name="viewport"
	content="width=device-width, initial-scale=1, maximum-scale=1">
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<meta name="viewport" content="width=device-width, initial-scale=1">
<script type="application/x-javascript"> addEventListener("load", function() { setTimeout(hideURLbar, 0); }, false); function hideURLbar(){ window.scrollTo(0,1); } </script>
<link href='http://fonts.useso.com/css?family=Montserrat:400,700'
	rel='stylesheet' type='text/css'>
<script src="${pageContext.request.contextPath}/js/jquery.min.js"></script>
<script type="text/javascript"
	src="${pageContext.request.contextPath}/js/easing.js"></script>
<link rel="stylesheet"
	href="${pageContext.request.contextPath}/css/flexslider.css"
	type="text/css" media="screen" />
<link href="${pageContext.request.contextPath}/css/megamenu.css"
	rel="stylesheet" type="text/css" media="all" />
<link rel="stylesheet"
	href="${pageContext.request.contextPath}/css/etalage.css">
<script
	src="${pageContext.request.contextPath}/js/jquery.easydropdown.js"></script>
<script src="${pageContext.request.contextPath}/js/menu_jquery.js"></script>
<!-- etale -->
<script
	src="${pageContext.request.contextPath}/js/jquery.etalage.min.js"></script>
<script>
	jQuery(document)
			.ready(
					function($) {

						$('#etalage')
								.etalage(
										{
											thumb_image_width : 300,
											thumb_image_height : 400,
											source_image_width : 800,
											source_image_height : 1000,
											show_hint : true,
											click_callback : function(
													image_anchor, instance_id) {
												alert('Callback example:\nYou clicked on an image with the anchor: "'
														+ image_anchor
														+ '"\n(in Etalage instance: "'
														+ instance_id + '")');
											}
										});

					});
</script>
<!-- etale -->

</head>
<body>
	<!-- header -->
	<div class="header">
		<div class="top_bg">
			<div class="container">
				<div class="header_top">
					<div class="logo">
						<a
							href="${pageContext.request.contextPath}/customer/indexUI.action"><img
							src="${pageContext.request.contextPath}/images/logo.png" alt="" />
						</a>
					</div>
					<br> <br> &nbsp; &nbsp; &nbsp; <span>
						<form action="#">
							&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; <input type="text"
								style="height:40px;" size="80"> <input type="submit"
								value="搜索" style="height:40px;width:90px">

						</form> </span>
					<div class="top_right">
						<ul>
							<li>${sessionScope.customer.customerName}</li>
							<li><a href="#">免费注册 </a>
							</li>
							<li><a href="${pageContext.request.contextPath}/link/test.action">联系我们</a>
							</li>
							<li class="login">
								<div id="loginContainer">
									<a href="#" id="loginButton"><span>登录</span> </a>
									<div id="loginBox">
										<form id="loginForm"
											action="${pageContext.request.contextPath}/customer/customerLogin.action"
											method="post">
											<fieldset id="body">
												<fieldset>
													<label for="email">邮箱地址</label> <input type="text"
														name="customerEmail" id="email">
												</fieldset>
												<fieldset>
													<label for="password">密码</label> <input type="password"
														name="customerPassword" id="password">
												</fieldset>
												<input type="submit" id="login" value="登录"> <label
													for="checkbox"><input type="checkbox" id="checkbox">
													<i>下次自动登录</i> </label>
											</fieldset>
											<span><a href="#">忘记密码?</a> </span>
										</form>
									</div>
								</div></li>
						</ul>
					</div>
					<div class="clearfix"></div>
				</div>
			</div>
		</div>
	</div>
	<div class="head-bann">
		<div class="container">
			<div class="head-nav">
				<!-- megamenu -->
				<script type="text/javascript"
					src="${pageContext.request.contextPath}/js/megamenu.js"></script>
				<script>
					$(document).ready(function() {
						$(".megamenu").megamenu();
					});
				</script>
				<!-- megamenu -->
				<span class="menu"> </span>
				<ul class="megamenu skyblue">
					<li><a class="color1" href="# ">首页</a>
					</li>
					<li class="grid"><a class="color2"
						href="${pageContext.request.contextPath}/goods/brand.action">电脑办公</a>
						<div class="megapanel">
							<div class="row">
								<div class="col1">
									<div class="h_nav">
										<h4>电脑整机</h4>
										<ul>
											<li><a href="#">笔记本</a></li>
											<li><a href="#">游戏本</a></li>
											<li><a href="#">台式机</a></li>
											<li><a href="#">一体机</a></li>
											<li><a href="#">服务器</a></li>
											<li><a href="#">联想</a></li>
										</ul>
									</div>
								</div>
								<div class="col1">
									<div class="h_nav">
										<h4>电脑配件</h4>
										<ul>
											<li><a href="#">CPU</a>
											</li>
											<li><a href="#">SSD硬盘</a>
											</li>
											<li><a href="#">显示器</a>
											</li>
											<li><a href="#">显卡</a>
											</li>
											<li><a href="#">组装电脑</a>
											</li>
											<li><a href="#">机箱</a>
											</li>
										</ul>
									</div>
								</div>
								<div class="col1">
									<div class="h_nav">
										<h4>外设与游戏</h4>
										<ul>
											<li><a href="#">键盘</a>
											</li>
											<li><a href="#">鼠标</a>
											</li>
											<li><a href="#">U盘</a>
											</li>
											<li><a href="#">移动硬盘</a>
											</li>
											<li><a href="#">游戏设备</a>
											</li>
											<li><a href="#">VR设备</a>
											</li>
										</ul>
									</div>
								</div>
								<div class="col1">
									<div class="h_nav">
										<h4>办公设备</h4>
										<ul>
											<li><a href="#">摄影机</a>
											</li>
											<li><a href="#">打印机</a>
											</li>
											<li><a href="#">点钞机</a>
											</li>
											<li><a href="#">碎纸机</a>
											</li>
											<li><a href="#">考勤机</a>
											</li>
											<li><a href="#">保险柜</a>
											</li>
										</ul>
									</div>
								</div>
								<div class="col1">
									<div class="h_nav">
										<h4>文具耗材</h4>
										<ul>
											<li><a href="#">学生文具</a>
											</li>
											<li><a href="#">办公文具</a>
											</li>
											<li><a href="#">纸类</a>
											</li>
											<li><a href="#">打印耗材</a>
											</li>
										</ul>
									</div>
								</div>
								<div class="col1">
									<div class="h_nav">
										<h4>促销快报</h4>
										<ul>
											<li><a href="#">折价商品</a>
											</li>
											<li><a href="#">本周热门</a>
											</li>
											<li><a href="#">最新商品</a>
											</li>

										</ul>
									</div>
								</div>
							</div>
							<div class="row">
								<div class="col2"></div>
								<div class="col1"></div>
								<div class="col1"></div>
								<div class="col1"></div>
								<div class="col1"></div>
							</div>
						</div></li>
					<li><a class="color4"
						href="${pageContext.request.contextPath}/goods/brand.action">品牌馆</a>
						<div class="megapanel">
							<div class="row">
								<div class="col1">
									<div class="h_nav">
										<h4>联想</h4>
										<ul>
											<li><a href="#">ThinkPad New S3</a>
											</li>
											<li><a href="#">YOGA5 Pro</a>
											</li>
											<li><a href="#">小新 air13 Pro</a>
											</li>
											<li><a href="#">拯救者</a>
											</li>
											<li><a href="#">天逸310</a>
											</li>
											<li><a href="#">710S</a>
											</li>
										</ul>
									</div>
								</div>
								<div class="col1">
									<div class="h_nav">
										<h4>华硕</h4>
										<ul>
											<li><a href="#">U4000UQ</a>
											</li>
											<li><a href="#">FX-PRO</a>
											</li>
											<li><a href="#">灵耀3</a>
											</li>
											<li><a href="#">顽石四代</a>
											</li>
											<li><a href="#">玩家国度</a>
											</li>
											<li><a href="#">G11飞行堡垒</a>
											</li>
										</ul>
									</div>
								</div>
								<div class="col1">
									<div class="h_nav">
										<h4>ThinkPad</h4>
										<ul>
											<li><a href="#">黑侠E570</a>
											</li>
											<li><a href="#">NewS2</a>
											</li>
											<li><a href="#">E450</a>
											</li>
											<li><a href="#">黑将S5</a>
											</li>
											<li><a href="#">E450</a>
											</li>
											<li><a href="#">X260</a>
											</li>
										</ul>
									</div>
								</div>
								<div class="col1">
									<div class="h_nav">
										<h4>微星</h4>
										<ul>
											<li><a href="#">GP62</a>
											</li>
											<li><a href="#">GL62</a>
											</li>
											<li><a href="#">GS73</a>
											</li>

										</ul>
									</div>
								</div>
								<div class="col1">
									<div class="h_nav">
										<h4>戴尔</h4>
										<ul>
											<li><a href="#">灵越</a>
											</li>
											<li><a href="#">成就</a>
											</li>
											<li><a href="#">7040MT</a>
											</li>
											<li><a href="#">一体机</a>
											</li>
											<li><a href="#">灵越飞匣</a>
											</li>

										</ul>
									</div>
								</div>
								<div class="col1">
									<div class="h_nav">
										<h4>惠普</h4>
										<ul>
											<li><a href="#">HP ENVY</a>
											</li>
											<li><a href="#">暗影精灵II</a>
											</li>
											<li><a href="#">22-b030cn</a>
											</li>
											<li><a href="#">24ES</a>
											</li>
											<li><a href="#">一体机</a>
											</li>
											<li><a href="#">商务本</a>
											</li>
										</ul>
									</div>
								</div>
							</div>
							<div class="row">
								<div class="col2"></div>
								<div class="col1"></div>
								<div class="col1"></div>
								<div class="col1"></div>
								<div class="col1"></div>
							</div>
						</div></li>
					<li><a class="color5" href="#">游戏部落</a>
					</li>
					<li><a class="color6" href="#">装机大师</a>
					</li>
					<li><a class="color7"
						href="${pageContext.request.contextPath}/orders/shoppingcarshow.action">购物车</a>
					</li>
					<li><a class="color8" href="${pageContext.request.contextPath}/link/test.action">联系我们</a></li>
					<div class="clearfix"></div>
				</ul>
			</div>
		</div>
	</div>
	<!-- script-for-nav -->
	<script>
		$("span.menu").click(function() {
			$(".head-nav ul").slideToggle(300, function() {
				// Animation complete.
			});
		});
	</script>
	<!-- script-for-nav -->

	<div class="banner1">
		<div class="container"></div>
	</div>
	<!-- header -->
	<div class="container">
		<div class="main">
			<div class="shoping_bag">
				<h4>
					<img src="${pageContext.request.contextPath}/images/small2.jpg">my
					新春特惠 活动商品 加价换购 <span> 立减100元</span>
				</h4>
				<ul class="s_art">
					<li><img
						src="${pageContext.request.contextPath}/images/art1.png">
					</li>
					<li><span> 点击看看</span>
					</li>
				</ul>
				<div class="clearfix"></div>
			</div>



			<c:forEach items="${sessionScope.goodsCustoms }" var="goodsCustoms"
				varStatus="status">

				<div class="shoping_bag1">
					<div class="shoping_left">
						<div class="shoping1_of_1">
							<img
								src="${goodsCustoms.uploadLocation}${goodsCustoms.uploadName}"
								class="img-responsive" alt="" />
						</div>
						<div class="shoping1_of_2">
							<h4>
								<a href="#">${goodsCustoms.goodsBrand}&nbsp;${goodsCustoms.goodsName}</a>
							</h4>
							<!-- <span>size <b>xl</b>&nbsp;&nbsp; qty <b>1</b> | code :1175</span> -->
							<span>${goodsCustoms.goodsDescription}</span>
							<ul class="s_icons">
								<li><a href="#"><img
										src="${pageContext.request.contextPath}/images/s_icon1.png"
										alt=""> </a>
								</li>
								<li><a href="#"><img
										src="${pageContext.request.contextPath}/images/s_icon2.png"
										alt=""> </a>
								</li>
								<li><a href="#"><img
										src="${pageContext.request.contextPath}/images/s_icon3.png"
										alt=""> </a>
								</li>
							</ul>
						</div>
						<div class="clearfix"></div>
					</div>
					<div class="shoping_right">
						<p>
							未付款 &nbsp;<span> ￥. ${goodsCustoms.goodsPrice}</span>
						</p>
					</div>
					<div class="clearfix"></div>
				</div>


			</c:forEach>






			<div class="shoping_bag1">
				<div class="shoping_left">
					<h2>
						<a href="#"><img
							src="${pageContext.request.contextPath}/images/gift.jpg">收货人信息
						</a> <br /> <span style="margin-right:99px">收货人姓名</span>&nbsp;&nbsp;&nbsp;<span style="margin-right:374px">收货人地址</span>&nbsp;&nbsp;&nbsp;<span style="maring-right:90px">收货人电话</span>
					</h2>

				</div>
				<br />
				<br /><br />
				<form id="testform"
					action="${pageContext.request.contextPath }/goods/insertGoods.action"
					method="post" enctype="multipart/form-data">
					<table>

						<input type="text" name="orderCname" placeholder="收货人姓名" />
						&nbsp;
						<input type="text" name="orderCaddress" size="60"
							placeholder="收货人地址"> &nbsp;
						<input type="text" name="orderCphone" placeholder="收货人电话">
						&nbsp;
						<input type="hidden" name="customerId"
							value="${sessionScope.customer.customerId}">

						<!-- 
							<td><input type="hidden" name="goodsId"
								value="${sessionScope.goodsCustom.goodsId}"></td>
							<td><input type="hidden" name="orderPrice"
								value="${sessionScope.goodsCustom.goodsPrice}"></td>
					
							<td>
							<input type="hidden" name="orderPrice"
								value="${sessionScope.sum}">
							</td> -->


					</table>



					<div class="clearfix"></div>

					<!-- <div class="shoping_bag1"> -->
					<div class="shoping_left">
						<h5>
							<a href="#"><img
								src="${pageContext.request.contextPath}/images/login.jpg">使用优惠</a>
							<span>/专属卡/抵用</span>
						</h5>
					</div>
					<div class="shoping_right">
						<p>
							优惠抵用 &nbsp;<span class="color"> ￥. 0</span>
						</p>
					</div>
					<div class="clearfix"></div>
					<!-- </div> -->
					<!-- <div class="shoping_bag2"> -->

				</form>
				<div class="shoping_left">
					<a class="btn1" onclick="test_post()">全部结算</a>
				</div>
				<script type="text/javascript">
					function test_post() {
						var testform = document.getElementById("testform");
						testform.action = "ordersdetail.action";
						testform.submit();
					}
				</script>
				<div class="shoping_right">
					<p class="tot">
						应付总额 &nbsp;<span class="color"> ￥. ${sessionScope.sum}</span>
					</p>
				</div>
				<div class="clearfix"></div>
			</div>
		</div>
		<!-- </div> -->
		<!-- footer -->
		<div class="footer">
			<div class="container">
				<p>
					Copyright &copy; 2017.Company name All rights reserved.<a
						target="_blank" href="http://sc.chinaz.com/moban/">精英大侠;</a>
				</p>
			</div>
		</div>
		<!-- footer -->
		<div style="display:none">
			<script src='http://v7.cnzz.com/stat.php?id=155540&web_id=155540'
				language='JavaScript' charset='gb2312'></script>
		</div>
</body>
</html>
